<template>
	<div id="" class="full">
		<h1>什么是数字藏品</h1>
		<div id="" class="introduceTainer">
			<div id="" class="introduceBox" v-for="(item,index) in content">
				<div id="" class="introduceTitle">
					{{item.attribute}}
				</div>
				<div id="introduceContent" class="introduceContent">
					<p>{{item.context}}</p>
					<svg t="1653916608363" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="1839" width="200" height="200">
						<path
							d="M298.666667 512h42.666666v213.333333h-42.666666V512z m533.333333 340.074667V853.333333h-106.666667v-42.666666h85.333334a149.333333 149.333333 0 1 0-22.506667-296.789334c0.64-7.68 1.173333-15.381333 1.173333-23.210666a277.973333 277.973333 0 0 0-4.138666-46.101334v-0.618666q-2.133333-12.586667-5.397334-24.725334a30.122667 30.122667 0 0 0-0.341333-1.322666q-3.2-11.797333-7.402667-23.125334l-0.746666-2.133333q-4.117333-10.922667-9.130667-21.333333l-1.365333-2.837334q-4.906667-9.962667-10.56-19.456l-2.133334-3.605333c-3.690667-5.973333-7.573333-11.797333-11.669333-17.472a289.984 289.984 0 0 0-15.722667-19.690667c-1.450667-1.664-2.965333-3.264-4.437333-4.885333-4.266667-4.586667-8.533333-9.066667-13.034667-13.376-1.898667-1.813333-3.882667-3.541333-5.845333-5.312-4.266667-3.904-8.725333-7.744-13.312-11.370667-2.410667-1.92-4.906667-3.690667-7.381333-5.525333-4.394667-3.242667-8.768-6.4-13.354667-9.429333-2.944-1.92-5.994667-3.669333-9.024-5.482667-4.266667-2.602667-8.682667-5.226667-13.184-7.616-3.498667-1.856-7.125333-3.456-10.666667-5.162667-4.266667-2.005333-8.533333-4.096-12.8-5.888s-8.32-3.093333-12.501333-4.586666-8.128-3.029333-12.309333-4.266667c-4.757333-1.450667-9.642667-2.538667-14.506667-3.733333-3.818667-0.938667-7.552-2.133333-11.413333-2.816-5.717333-1.152-11.584-1.877333-17.429334-2.666667-3.178667-0.426667-6.272-1.066667-9.493333-1.386667A287.466667 287.466667 0 0 0 512 213.333333c-8.96 0-17.770667 0.512-26.517333 1.344-2.901333 0.277333-5.738667 0.768-8.533334 1.130667-5.76 0.725333-11.498667 1.536-17.066666 2.624-3.392 0.64-6.698667 1.429333-10.026667 2.133333-5.013333 1.152-9.984 2.410667-14.933333 3.84-3.498667 1.024-6.954667 2.133333-10.410667 3.242667-4.586667 1.536-9.066667 3.2-13.546667 4.949333-3.52 1.386667-7.018667 2.752-10.474666 4.266667-4.266667 1.856-8.234667 3.882667-12.309334 5.930667-3.498667 1.749333-7.04 3.413333-10.453333 5.312s-6.997333 4.266667-10.474667 6.4a277.44 277.44 0 0 0-23.466666 16.128c-1.749333 1.344-3.562667 2.56-5.269334 3.946666-4.266667 3.52-8.533333 7.274667-12.629333 11.029334-1.792 1.642667-3.626667 3.221333-5.376 4.885333-4.138667 3.968-8.064 8.106667-11.968 12.309333-1.472 1.6-2.965333 3.2-4.394667 4.842667q-5.952 6.762667-11.456 13.888c-1.024 1.322667-2.005333 2.688-3.008 4.032-3.882667 5.226667-7.637333 10.666667-11.178666 16.064l-0.789334 1.301333a275.392 275.392 0 0 0-35.264 84.074667A276.522667 276.522667 0 0 0 235.733333 469.333333H234.666667a170.666667 170.666667 0 1 0 21.333333 339.968V810.666667h64v42.666666h-106.666667v-1.066666a213.226667 213.226667 0 0 1-15.424-422.208 319.722667 319.722667 0 0 1 633.066667 40.384A192 192 0 0 1 832 852.074667zM490.666667 512a64 64 0 0 1 64 64v85.333333a64 64 0 0 1-128 0v-85.333333a64 64 0 0 1 64-64z m-21.333334 149.333333a21.333333 21.333333 0 0 0 42.666667 0v-85.333333a21.333333 21.333333 0 0 0-42.666667 0v85.333333z m234.666667-149.333333h64v42.666667h-64v170.666666h-45.717333c1.002667-0.618667 2.026667-1.258667 3.050666-1.856V554.666667h-64v-42.666667h106.666667z"
							p-id="1840" fill="#1296db"></path>
					</svg>
				</div>
			</div>
		</div>
		<div id="" class="introduceUs">
			<h1>我们是谁</h1>
			<h3>头部数字产品电商平台</h3>
			<p>未来是一个万物上链的数字世界，数字藏品应用不再局限于艺术品、收藏品，将会扩展到数字身份、版权许可、品牌授权等，iBox的使命是：构建一个头部数字藏品电商平台。</p>
		</div>
		<footer class="footer">
				<ul>
					<li>联系我们</li>
					<li>商务合作</li>
					<li>关于我们</li>
					<li>用户协议</li>
				</ul>
				<svg t="1653902225291" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="4460" width="200" height="200">
					<path
						d="M213.333333 128C165.973333 128 128 166.4 128 213.333333L128 810.666667C128 857.6 166.4 896 213.333333 896L810.666667 896C857.6 896 896 857.6 896 810.666667L896 213.333333C896 166.4 857.6 128 810.666667 128M256 298.666667 725.333333 298.666667 725.333333 384 640 384 640 597.333333C640 620.8 659.2 640 682.666667 640 706.133333 640 725.333333 620.8 725.333333 597.333333L810.666667 597.333333C810.666667 668.16 753.493333 725.333333 682.666667 725.333333 611.84 725.333333 554.666667 668.16 554.666667 597.333333L554.666667 384 426.666667 384 426.666667 725.333333 341.333333 725.333333 341.333333 384 256 384"
						p-id="4461" fill="#158fc5"></path>
				</svg>
		</footer>
	</div>
</template>

<script>
	export default {
		name: 'iboxFooter',
		props: {

		},
		data() {
			return {
				content: [{
						attribute: "唯一性",
						context: "每个数字藏品都是独一无二的，且具有不同属性，这些属性通常存储在元数据中，且铸造后不可篡改。"
					},
					{
						attribute: '稀缺性',
						context: "数字藏品铸造数量可通过公共区块链网络验证，数量固定，永恒不变，具有可证明性。"
					},
					{
						attribute: "不可分割性",
						context: "每个数字藏品都是一个独立的个体，无法拆分，因此不能购买或寄售数字藏品的一部分，因此具有不可分割性。"
					}
				]
			}
		}
	}
</script>

<style lang="less" scoped="scoped">
	* {
		margin: 0;
		padding: 0;
	}

	.full {
		margin-top: 20px;
		width: 100%;


		// 简介盒子
		.introduceTainer {
			width: 100%;
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 30px;

			.introduceBox {
				width: 90%;
				border-radius: 24px;
				margin: 20px 0 20px 0;
				box-shadow: 0 6px 14px rgb(1 0 95 / 10%);
				background-image: linear-gradient(135deg, #ABDCFF 10%, #0396FF 100%);
				// height: 200px;

				.introduceTitle {
					font-size: 20px;
					font-weight: 700;
					text-align: left;
					padding: 10px 0px 5px 18px;
					box-sizing: border-box;
				}

				.introduceContent {
					display: flex;
					justify-content: center;
					padding: 0 10px 10px 0;
					box-sizing: border-box;

					p {
						width: 60%;
						text-align: left;
						padding-top: 10px;
						box-sizing: border-box;
					}

					svg {
						width: 100px;
						height: 100px;
					}
				}
			}
		}

		// 我们是谁
		.introduceUs {
			width: 80%;
			left: 0;
			right: 0;
			margin: auto;
			
			h1 {
				text-align: left;
				padding-left: 20px;
			}

			h3 {
				display: block;
				padding: 15px 0 15px 0px;
				box-sizing: border-box;
			}
			
			p{
				width: 100%;
				text-align: left;
			}
		}
		// 尾部
		.footer{
			background-color: #e6ecf1;
			padding-top: 20px;
			box-sizing: border-box;
			
			ul{
				width: 100%;
				
				li{
					height: 30px;
					text-align: left;
					padding-left: 25px;
					width: 80px;
				}
			}
			
			svg{
				width: 50px;
				height: 50px;
			}
		}
	}
</style>
